<html>
  <head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <title>Ajax Chat!</title>

    <script src="javascripts/prototype.js"></script>
    <script src="javascripts/chat.js"></script>
    <script type="text/javascript" charset="utf-8">
      new Ajax.PeriodicalUpdater("messageChat", "/messages", { method: "get" });
    </script>
  </head>
  <body>
    <h1>Welcome to Ajax Chat!</h1>

    <div id="messageChat"></div>

    <form action="#" id="formChat" method="post" onSubmit="sendMessage();return false;">
      <input type="text" name="author" id="author" size="60">
      <input type="text" name="message" id="message" size="60">
      <input type="submit" value="OK" />
      <img id="spinImg" src="./images/Spinner.gif" style="display:none"/>
    </form>

  </body>
</html>
